import { useState } from 'react';
import { NavBar, List } from 'antd-mobile';
import { VideoCameraOutlined } from '@ant-design/icons';
import { useHistory } from 'react-router-dom';

import './style.scss';

export default function() {
  const history = useHistory();

  return (<div className="callListPage">
    <NavBar onBack={() => history.goBack()} style={{ background: '#fff', border: 'none' }}>我的通话</NavBar>
    <List style={{ '--border-top': 0, '--border-bottom': 0, '--border-inner': 0, marginTop: 12 }}>
      <List.Item
        key="1"
        prefix={<div className="iconWrap"><VideoCameraOutlined  /></div>}
        description={'05月10日 15:34 - 17:34 | 3人'}
        >
        杨乐发起的音视频会议
      </List.Item>
    </List>
  </div>)
}